/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2013 Leo Feyer
 *
 * @package Core
 * @link    https://contao.org
 * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
 */

/* Body */
html,body,form,pre,figure,ul,li {
	margin:0;
	padding:0;
}
img {
	border:0;
}
ul,li {
	list-style:none;
}

/* Font family */
a,b,body,cite,div,em,h1,h2,h3,h4,h5,h6,i,label,legend,li,ol,p,strong,td,th,u,ul {
	font-family:Verdana,sans-serif;
}
fieldset,form,input,optgroup,select,textarea {
	font-family:"Trebuchet MS",Verdana,sans-serif;
}

/* Font size and color */
a,body,div,label,legend,li,ol,p,td,th,ul,fieldset,form,input,optgroup,select,textarea {
	font-size:11px;
	color:#666966;
}
fieldset,form,input,optgroup,select,textarea {
	font-size:12px;
}
h1,h2,h3,h4,h5,h6 {
	font-size:12px;
	color:#666966;
}
table {
	border-spacing:0;
	border-collapse:collapse;
}
th,td {
	padding:0;
	text-align:left;
}
.tl_small {
	font-size:9px;
}
.tl_small,.tl_gray {
	color:#a3a3a3;
}
.tl_green {
	color:#8ab858;
}
.tl_red {
	color:#c55;
}
.tl_blue {
	color:#5c9ac9;
}
.tl_orange {
	color:#f90;
}
span.mandatory {
	color:#c55;
}

/* Basic elements */
a {
	color:#666966;
	text-decoration:none;
}
a:hover,a:focus,a:active {
	color:#8ab858;
}
hr {
	height:1px;
	margin:18px 0;
	border:0;
	background:#ddd;
	color:#ddd;
}
p {
	margin:0 0 12px;
	padding:0;
}
.hidden {
	display:none;
}

/* Invisible elements */
.clear {
	clear:both;
	height:0.1px;
	line-height:0.1px;
	font-size:0.1px;
}
.invisible {
	width:0;
	height:0;
	left:-1000px;
	top:-1000px;
	position:absolute;
	overflow:hidden;
	display:inline;
}

/* Forms */
optgroup {
	padding-top:3px;
	padding-bottom:3px;
	font-style:normal;
	background:#fff;
}
fieldset.tl_checkbox_container,fieldset.tl_radio_container {
	border:0;
	margin:15px 0 1px;
	padding:0;
}
fieldset.tl_checkbox_container {
	line-height:14px;
}
fieldset.tl_checkbox_container legend,fieldset.tl_radio_container legend {
	font-weight:bold;
	margin:0;
	padding:0;
}
fieldset.checkbox_container,fieldset.radio_container {
	border:0;
	margin:0;
	padding:0;
}

/* Text fields */
.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea {
	margin:1px 0;
}
.tl_text {
	width:312px;
}
.tl_text_2 {
	width:150px;
}
.tl_text_3 {
	width:97px;
}
.tl_text_4 {
	width:70px;
}
.tl_textarea {
	width:676px;
	height:240px;
}
.tl_text_unit {
	margin:1px 0;
	width:248px;
}
.tl_text_trbl {
	margin:1px 0;
	width:53px;
}
.tl_text_interval {
	margin:1px 0;
	width:150px;
}
.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea,.tl_text_unit,.tl_text_trbl,.tl_text_interval {
	border:1px solid #b8b8b8;
	padding:2px 3px;
	border-radius:3px;
}
.mac .tl_text,.mac .tl_text_2,.mac .tl_text_3,.mac .tl_text_4,.mac .tl_textarea,.mac .tl_text_unit,.mac .tl_text_trbl,.mac .tl_text_interval {
	padding:3px;
}
.tl_text:focus,.tl_text_2:focus,.tl_text_3:focus,.tl_text_4:focus,.tl_textarea:focus,.tl_text_unit:focus,.tl_text_trbl:focus,.tl_text_interval:focus {
	background-color:#ebfdd7;
}
.tl_text[disabled],.tl_text_2[disabled],.tl_text_3[disabled],.tl_text_4[disabled],.tl_textarea[disabled],.tl_text_unit[disabled],.tl_text_trbl[disabled],.tl_text_interval[disabled] {
	color:#bbb;
	background-color:#f9f9f9;
	border:1px solid #c8c8c8;
}
pre,.tl_textarea.monospace {
	font-family:Courier,monospace;
	font-size:12px;
}
.tl_textarea.monospace:focus {
	background:none;
}

/* Select menus */
.tl_select,.tl_mselect,.tl_select_column {
	margin:1px 0;
}
.tl_box .tl_select,.tl_tbox .tl_select,.tl_box .tl_mselect,.tl_tbox .tl_mselect {
	width:320px;
}
.tl_select_column {
	width:140px;
}
.tl_select_unit {
	margin:1px 0;
	width:60px;
}
.tl_select_interval {
	margin:1px 0;
	width:156px;
}
.tl_select,.tl_mselect,.tl_select_column,.tl_select_unit,.tl_select_interval {
	border:1px solid #b8b8b8;
	padding:1px;
	border-radius:3px;
}
.mac .tl_select,.mac .tl_mselect,.mac .tl_select_column,.mac .tl_select_unit,.mac .tl_select_interval {
	padding:2px 1px;
}
.tl_select[disabled],.tl_mselect[disabled],.tl_select_column[disabled],.tl_select_unit[disabled],.tl_select_interval[disabled] {
	color:#bbb;
	background-color:#f9f9f9;
	border:1px solid #c8c8c8;
}

/* Checkboxes */
.tl_checkbox {
	margin:1px 3px 0 0;
	vertical-align:bottom;
}
.mac .tl_checkbox {
	margin:0 3px 0 0;
	position:relative;
	top:-1px;
}
.mac .tl_checkbox_single_container .tl_checkbox {
	top:0;
}
.ie .tl_checkbox {
	margin:-3px 0 -1px -2px;
	position:relative;
	top:1px;
	vertical-align:middle;
}
.ie .tl_checkbox_single_container .tl_checkbox {
	top:0;
}
.tl_tree_checkbox {
	margin:0 3px 0 0;
}
.mac .tl_tree_checkbox {
	margin:2px 3px 0 0;
}
.tl_checkbox_single_container {
	margin:16px 0 1px;
}
.tl_checkbox_single_container label {
	font-weight:bold;
}
.tl_checkbox_container label {
	display:block;
	margin:-14px 0;
	padding-left:20px;
}
.tl_checkbox_container label:last-child {
	margin-bottom:0;
}

/* Grouped checkboxes */
.checkbox_toggler {
	font-weight:bold;
}
.checkbox_toggler_first {
	font-weight:bold;
	margin-top:3px;
}
.checkbox_toggler img,.checkbox_toggler_first img {
	vertical-align:top;
	position:relative;
	top:-2px;
	margin-right:3px;
}
.checkbox_options {
	margin:0 0 6px 21px !important;
}

/* Radio buttons */
.tl_radio {
	margin:1px 3px 0 0;
	vertical-align:bottom;
}
.win .tl_radio {
	margin:1px 3px 3px 0; /* see #4599 */
}
.tl_tree_radio {
	margin:0 3px 1px 0;
	vertical-align:middle;
}
.safari .tl_radio,.safari .tl_tree_radio {
	margin-left:1px;
}

/* Radio table */
.tl_radio_table {
	margin:2px 0 1px;
}
.tl_radio_table td {
	padding:0 24px 1px 0;
}
.tl_radio_table img,.tl_radio_table input {
	vertical-align:middle;
}

/* Upload fields */
.tl_upload_field {
	margin:1px 0;
}

/* Submit buttons */
.tl_submit {
	padding:5px 12px 5px 13px;
	border:1px solid #b8b8b8;
	border-radius:3px;
	color:#666966;
	cursor:pointer;
	line-height:1;
	text-shadow:1px 1px 0 #eee;
	background:#eee;
	background-image:-moz-linear-gradient(bottom, #ccc 0%, #eee 60%);
	background-image:-webkit-linear-gradient(bottom, #ccc 0%, #eee 60%);
	background-image:-o-linear-gradient(bottom, #ccc 0%, #eee 60%);
	background-image:-ms-linear-gradient(bottom, #ccc 0%, #eee 60%);
	background-image:linear-gradient(bottom, #ccc 0%, #eee 60%);
}
a.tl_submit {
	padding:4px 12px 4px 13px;
	font-family:"Trebuchet MS",Verdana,sans-serif;
	font-size:12px;
}
a.tl_submit:hover {
	color:#666966;
}
.firefox input.tl_submit {
	padding:2px 12px 2px 13px;
}
.opera input.tl_submit {
	padding:4px 12px 4px 13px;
}
.tl_submit:focus,.tl_submit:hover {
	box-shadow:0 0 3px #aaa;
}
.tl_submit:active {
	color:#bbb;
	box-shadow:0 0 6px #999;
}
.tl_submit:disabled {
	cursor:default;
	background:#ddd;
	text-shadow:none;
	color:#999;
	box-shadow:none;
}

/* Floats */
.clr {
	clear:both;
}
.w50 {
	width:50%;
	float:left;
	height:72px;
}
.w50 .tl_help {
	margin-right:24px;
}
.wizard .tl_text {
	width:288px;
}
.wizard .tl_text_2 {
	width:138px;
}
.long .tl_text {
	width:663px;
}
.long .tl_select {
	width:670px;
}
.m12 {
	margin:12px 0;
}
.webkit .m12 {
	margin:13px 0 11px;
}
.cbx {
	height:48px;
}
.inline div {
	display:inline;
}
.autoheight {
	height:auto;
}

/* Tips */
.tl_tip {
	height:13px;
	overflow:hidden;
	cursor:pointer;
}
.tip-wrap {
	z-index:99;
}
.tip {
	max-width:690px;
	padding:3px 6px 4px;
	border-radius:3px;
	box-shadow:1px 1px 3px #666;
	background:#666;
	background-image:-moz-linear-gradient(bottom, #333 0%, #666 80%);
	background-image:-webkit-linear-gradient(bottom, #333 0%, #666 80%);
	background-image:-o-linear-gradient(bottom, #333 0%, #666 80%);
	background-image:-ms-linear-gradient(bottom, #333 0%, #666 80%);
	background-image:linear-gradient(bottom, #333 0%, #666 80%);
}
.tip div {
	line-height:1.3;
}
.tip div,.tip a {
	color:#fff;
}
.tip-top {
	height:6px;
	position:absolute;
	top:-13px;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:7px solid #666;
}
